header{
    height: 1.59rem;
    background:rgba(3,3,3,1);
    
    nav{
        height: 0.52rem;
        display: flex;
        justify-content: space-between;
        line-height: 0.52rem;
        #jtou{
            margin-left: 0.13rem;
            color: #fff;
            font-size: 0.17rem;
        }
        p{
           margin-right: 0.12rem;
           width: 0.87rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
           a{
               color: #444444;
               font-size: 0.09rem;
           }
           #jia{
               width: 0.5rem;
               height: 0.22rem;
               background: #FED946;
               display: flex;
               align-items: center;
               justify-content: center;
               line-height: 0.22rem;
               text-align: center;
               color: #444444;
               font-size: 0.09rem;
               border-radius:0.02rem;
           }
           #zfa{
               font-size: 0.19rem;
               color: #fff
           }
        }
    }
}
aside{
    height: 1.07rem;
    overflow: hidden;
    color: #fff;
    font-weight: 100;
    h2{
        font-size: 0.2rem;
        margin: 0.1rem 0.33rem 0.1rem 0.11rem;
    }
    p{
        font-size: 0.13rem;
        margin: 0 0.33rem 0 0.11rem;
        line-height: 0.185rem;
    }
}
// 导航
ul{
    display: flex;
    height:0.48rem ;
    flex-direction: row;
    border-bottom:1px solid rgba(216,216,216,1);
    font-size: 0.14rem;
        li{
            height:0.45rem ;
            width: 0.29rem;
            line-height:0.45rem;
            text-align: center; 
            margin-left: 0.13rem;
            margin-right: 0.13rem;
            a{
                color: #999;
        }
        }
        li:hover { 
            border-bottom: 0.02rem solid rgba(254,217,70,1);
            color:#000;
        }
        li:hover a{
        color:#000;
    }}
 
 
// 中部
.tuijian{
       display: block;
   }
article{
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: row;
        background: #F0F0F0;
        flex-wrap:wrap;
        display: none;
        margin: 0.05rem 0.07rem 0 0.12rem; 
           
figure{
        float: left;
        width: 1.74rem;
        height: 3.21rem;
        background: #fff;
        border-radius:0.06rem;
        margin-right: 0.04rem;
        margin-bottom:0.04rem; 
        img{
            width: 1.74rem;
            height: 2.4rem;
            background:#D8D8D8
        }
        p{
            font-size: 0.13rem;
            margin: 0.07rem 0.08rem 0 0.08rem;
        }
        div{
            height: 0.36rem;
             margin: 0 0.08rem 0 0.08rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color:rgba(153,153,153,1);
            p{margin: 0;
                display: flex;
               justify-content: space-around;
               align-items: center;
               font-size: 0.12rem;
                img{
                    width: 0.17rem;
                    height: 0.17rem;
                }
            }
            .iconfont{
                font-size: 0.14rem;
            }
            span{
                font-size: 0.12rem;
            }
        }
    }
  
        }
// 尾部
 footer{
            height: 0.5rem;
            background: #fff;
            display: flex;
            span{
                width: 3.35rem;
                height: 0.4rem;
                background:#FED946;
                margin-left: 0.2rem;
                // line-height: 0.4rem;
                // text-align: center;
                font-weight:500;
                display: flex;
                align-items: center;
                justify-content: center;
                em{
                    font-size: 0.15rem;
                    
                }
              
            }
            .icon-zhaoxiangji{
                font-size: 0.2rem;

            }
        }